کد ساز اینترنتی

آخرین مطالب

امکانات وب

مخفی کردن نوشته های رمزدار در وردپرس

محافظت کردن یک نوشته یا اصطلاحا رمزدار کردن آن، روشی برای خصوصی کردن محتوای یک مطلب در وردپرس است که حتما با آن آشنا هستید و یادتان هست که قبلا روش رمزدار کردن یک نوشته را به شما آموزش داده بودیم. هرچند این روش برای خصوصی سازی محتوای مطلب، روش مناسبی است اما مشکل اینجاست که نوشته هایی که به این شکل محافظت میشوند در لیست نوشته های سایت شما برای تمامی کاربران و بازدیدکنندگان سایت به نمایش در می آیند و هر کس که رمز نوشته ی مورد نظر را در اختیار داشته باشد، با ورود به نوشته و وارد کردن رمز قادر به خواندن آن خواهد بود. پس مشخص است که اگر بخواهید یک مطلب کاملا خصوصی باشد و تنها افراد دلخواه شما از وجود آن با خبر بوده و قادر به خواندن آن باشند، این روش، روش کارامدی نیست. بنابراین کاری که در آموزش امروز قرار است انجام دهیم، این خواهد بود که از نمایش نوشته های رمز دار در سایت و در واقع حلقه ی وردپرس (آرشیو ها، دسته بندی ها و … ) به طور کامل جلوگیری به عمل آوریم و در واقع نوشته های رمز دار را به طور کامل در سایت مخفی کنیم. در این حالت تنها اشخاصی که شما لینک نوشته را در اختیارشان قرار داده باشید، قادر به مشاهده نوشته ی مورد نظر خواهند بود. (طبیعی است که این افراد هم نیاز به وارد کردن رمز خواهند داشت)

جهت جلوگیری از نمایش نوشته های رمزدار در سایت کافی است کد زیر را در فایل functions.php یا افزونه site specific ای که قبلا با هم ایجاد کرده بودیم قرار دهید :

function mrcode_password_post_filter( $where = '' ) { if (!is_single() && !is_admin()) { $where .= " AND post_password = ''"; } retu $where; } add_filter( 'posts_where', 'mrcode_password_post_filter' );

function mrcode_password_post_filter( $where = '' ) {

if (!is_single() && !is_admin()) {

$where .= " AND post_password = ''";

}

retu $where;

}

add_filter( 'posts_where', 'mrcode_password_post_filter' );

همانطور که قبلا هم به این نکته اشاره کردیم، پس از قرار دادن کد در محل ذکر شده، نوشته های محافظت شده در سایت به نمایش در نخواهند آمد و تنها از طریق وارد کردن آدرس مستقیم نوشته ی مورد نظر، قادر به دسترسی به آن خواهید بود.

کد بالا، نوشته های رمز دار را، بحز ادمین، از دید همه مخفی خواهد کرد. حال اگر وبسایت شما دارای چندین نویسنده باشد شاید مایل باشید نویسندگانی که مجاز به ویرایش نوشته های رمزدار هستند نیز قادر به مشاهده این نوع نوشته ها در سایت باشند. در صورتی که مایلید چنین اتفاقی بیافتد کافی است بجای کد بالا از کد زیر استفاده کنید :

function mrcode_password_post_filter( $where = '' ) { if (!is_single() && !current_user_can('edit_private_posts') && !is_admin()) { $where .= " AND post_password = ''"; } retu $where; } add_filter( 'posts_where', 'mrcode_password_post_filter' );

function mrcode_password_post_filter( $where = '' ) {

if (!is_single() && !current_user_can('edit_private_posts') && !is_admin()) {

$where .= " AND post_password = ''";

}

retu $where;

}

add_filter( 'posts_where', 'mrcode_password_post_filter' );

به همین سادگی. حالا نوشته های محافظت شده ی شما، واقعا خصوصی هستند …

- - , .

کد ساز اینترنتی...

ما را در سایت کد ساز اینترنتی دنبال می کنید

برچسب : نویسنده : استخدام کار coder بازدید : 353 تاريخ : يکشنبه 25 بهمن 1394 ساعت: 5:50

چگونه REST API را در وردپرس غیر فعال کنیم؟

در وردپرس 4.4 شاهد افزوده شدن امکانات بی نظیر JSON REST API به وردپرس بودیم. هرچند این امکان یکی از امکانات بسیار کاربردی و جالب وردپرس است اما برای آن دسته از افراد که ممکن است مایل باشند این امکان را در سایت خود غیر فعال کنند، در یک آموزش کوتاه، چگونگی انجام این کار را شرح خواهیم داد. اگر در ادامه با مسترکد همراه شوید، علاوه بر اینکه به دلیل غیر فعال کردن API پی خواهید برد، از دو روش می آموزید که چگونه این امکان را در سایتتان غیر فعال کنید.

REST API چیست؟ چرا میخواهیم آن را غیر فعال کنیم؟
REST یک API تحت وب است که با استفاده از آن میتوانید به سادگی دستورات خود را در قالب فراخوانی های ساده ی HTML ارسال کرده و پاسخ آنها را دریافت کنید. وجود REST API در وردپرس به شما اجازه میدهد که در قالب ریکوئست های GET به سادگی اطلاعات دلخواهتان را از وردپرس دریافت کنید. همانطور که احتمالا به ذهن خودتان هم رسیده باشد، چنین امکانی، پیاده سازی اپلیکیشن های موبایل و یا ایجاد وب اپلیکیشن با استفاده از وردپرس را بسیار آسان خواهد کرد.
خوب تا اینجا همه چیز خیلی خوب است. اما دو نکته وجود دارد. اول اینکه فعال بودن این API ممکن است اجرای حملات DDos را بر روی شما آسان تر کند. (هرچند این احتمال پایین است ولی به هر حال باید آن را در نظر گرفت) و دوم اینکه وقتی به چیزی نیازی ندارید، دلیلی ندارد آن را فعال نگه دارید. (همانطور که قبلا با هم غیر فعال کردن XML-RPC را یاد گرفتیم) پس اگر از این امکان استفاده نمیکنید، منطقی است که همین حالا دست به کار شده و آن را غیر فعال کنید.

غیر فعال کردن REST API در وردپرس
نحوه ی غیر فعال کردن این وب سرویس را از دو طریق خواهیم آموخت. در روش اول طبق معمول همیشه با بازی با کد ها به هدفمان میرسیم و بعد برای افرادی که زیاد از شکل و شمایل کد خوششان نمی آید، افزونه ای جهت غیر فعال کردن REST API در وردپرس معرفی خواهیم کرد.
جهت غیر فعال کردن رست در وردپرس کافی است کد زیر را به فایل functions.php قالب خود و یا افزونه site specific که قبلا ایجاد کرده اید اضافه کنید. اگر فایل functions.php را ویرایش میکنید، ایجاد بکاپ فراموش نشود :

add_filter('json_enabled', '__retu_false'); add_filter('json_jsonp_enabled', '__retu_false');

add_filter('json_enabled', '__retu_false');

add_filter('json_jsonp_enabled', '__retu_false');

به همین سادگی! و اما در روش دوم کافی است افزونه ی DisableJSON API را دریافت کرده و بر روی سایت خود نصب کنید. ( آموزش نصب و فعالسازی افزونه در وردپرس ) این افزونه پس از فعال سازی بی نیاز از هر نوع تنظیم اضافی، خودش REST API را غیر فعال خواهد کرد.

بله همه چیز به همین سادگی بود! موفق باشید.

- - , .

کد ساز اینترنتی...

ما را در سایت کد ساز اینترنتی دنبال می کنید

برچسب : نویسنده : استخدام کار coder بازدید : 290 تاريخ : يکشنبه 25 بهمن 1394 ساعت: 5:50

آموزش قرار دادن ویدیو در پس زمینه سایت

در آموزش امروز در نظر داریم که در رابطه با قرار دادن ویدیو به عنوان بک گراند سایت با شما صحبت کنیم. احتمالا طی چند وقت اخیر محبوبیت قرار گیری ویدیو به عنوان پس زمینه (background) در سایت های مختلف، نظر شما را هم جلب کرده باشد. بنابراین اگر مایلید با نحوه قرار دادن یک ویدیو فول اسکرین به عنوان پس زمینه سایتتان آشنا شوید، آموزش امروز مسترکد مخصوص شماست. از شما دعوت میکنیم با ما در ادامه ی این آموزش همراه شوید.

مواد لازم!
برای پیاده سازی آنچه در ادامه خواهیم آموخت، تقریبا به هیچ ابزار خاصی نیاز نیست. تنها چیزی که واقعا لازم است، یک ویدیو با فرمت و حجم مناسب است. ما به این منظور از ویدیو های معروف Big Buck Bunny استفاده میکنیم. با کلیک بر روی اینجا، شما هم میتوانید به این ویدیو ها دسترسی داشته باشید.
بجز ویدیوی مورد نیاز، بقیه ی این آموزش تنها از طریق HTML5 و CSS پیاده سازی خواهد شد. بنابراین عملا تنها بخش مهم کار شما، پیدا کردن ویدیوی مناسب و آپلود آن در محلی مناسب جهت بارگذاری در سایتتان خواهد بود.
بدیهی است که هر بار بارگذاری یک ویدیو بر اساس حجم ویدیو، مقداری از ترافیک مجاز سایت شما کم خواهد کرد بنابراین شاید مایل باشید ویدیو را در محلی به غیر از هاست سایت خود میزبانی کنید؟!

گذاشتن ویدیو به عنوان پس زمینه در سایت
صدا … تصویر … حرکت!
کاری که میخواهیم انجام دهیم این است که ویدیوی مورد نظرمان را به صورت فول اسکرین در پس زمینه ی سایت به نمایش بگذاریم. برای این کار از تگ ویدیو HTML5 استفاده خواهیم کرد :

</video>

</div>

اجازه بدهید کمی در رابطه با کد بالا صحبت کنیم. در کد بالا ویدیوی مورد نظرمان را با سه فرمت webm, mp4 و ogv فراخوانی کرده ایم. استفاده از فرمت های مختلف جهت سازگاری با مرورگر های مختلف انجام شده. همانطور که در خط دوم کد مشاهده میکنید، ویدیو قرار است به صورت لوپ، به طور اتوماتیک و بدون صدا اجرا شود.
یکی از مواردی که در کد بالا درج شده و بهتر است راجع به آن صحبت کنیم، تصویر قرار گرفته به عنوان poster در خط دوم کد است. پوستر تصویری است که پیش از بارگذاری و شروع اجرای ویدیو برای کاربر به نمایش در خواهد آمد. بنابراین شاید بهتر باشد از این فرصت استفاده کنید و تصویری مناسب را به عنوان پوستر قرار دهید تا در صورتی که به هر دلیل (مثلا مشکل در اینترنت) ویدیو در مرورگر کاربری شروع به اجرا نکرد، تصویری که کاربر مشاهده میکند، مناسب و درخور محل استفاده ی ویدیو باشد و در تجربه ی کاربر از سایت شما تغییر محسوسی حاصل نشود. اگر خودتان برای poster تصویری تعیین نکنید، فریم اول ویدیو به عنوان پوستر به نمایش در خواهد آمد.

تا اینجا ویدیوی مورد نظر را در سایت قرار داده ایم اما در این حالت این ویدیو نه فول اسکرین است و نه حالت پس زمینه دارد. برای اجرای حالت مورد نظر و تبدیل ویدیو به پس زمینه ی سایت کافی است از کد CSS زیر استفاده کنید :

.fullscreen-bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: -100; } .fullscreen-bg__video { position: absolute; top: 50%; left: 50%; width: auto; height: auto; min-width: 100%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 767px) { .fullscreen-bg { background: url('img/videoframe.jpg') center center / cover no-repeat; } .fullscreen-bg__video { display: none; } }

.fullscreen-bg {

position: fixed;

top: 0;

right: 0;

bottom: 0;

left: 0;

overflow: hidden;

z-index: -100;

}

.fullscreen-bg__video {

position: absolute;

top: 50%;

left: 50%;

width: auto;

height: auto;

min-width: 100%;

min-height: 100%;

-webkit-transform: translate(-50%, -50%);

-moz-transform: translate(-50%, -50%);

-ms-transform: translate(-50%, -50%);

transform: translate(-50%, -50%);

}

@media (max-width: 767px) {

.fullscreen-bg {

background: url('img/videoframe.jpg') center center / cover no-repeat;

}

.fullscreen-bg__video {

display: none;

}

در تعریف استایل های بالا تقریبا هیچ نکته ی خاصی وجود ندارد بجز اینکه باید در نظر داشته باشید استایل های فوق با اینترنت اکسپلورر 8 سازگار نیستند که البته به این جهت که اینترنت اکسپلورر 8 از HTML5 هم پشتیبانی نمیکند، این مسئله نباید زیاد برایمان مهم باشد. از طرف دیگر اگر به خطوط انتهایی استایل فوق توجه کنید خواهید دید که برای دیوایس های دارای عرض کمتر از 768 پیکسل، ویدیو را مخفی کرده ایم و بجای آن تنها یک تصویر به نمایش میگذاریم. دلیل این مسئله این است که هنوز در بسیاری از موبایل ها، ویدئو ها به صورت اتوماتیک پخش نمیشوند و بجای پخش اتوماتیک، یک دکمه جهت پلی کردن ویدیو توسط خود کاربر به نمایش در می آید که این مسئله در نحوه ی نمایش سایت تاثیر منفی خواهد داشت. بنابراین ویدیو را مخفی میکنیم و بجای آن تنها یک تصویر به نمایش میگذاریم. احتمالا لازم است به این نکته هم اشاره کنیم که مخفی کردن ویدیو، تاثیری در بارگذاری یا عدم بارگذاری آن ندارد و به هر حال ویدیو توسط دیوایس مورد بحث دانلود خواهد شد.

حالا که کار به پایان رسیده شما یک ویدیوی فول اسکرین به عنوان پس زمینه در اختیار دارید. توجه داشته باشید که به این علت که z-index این ویدیو را معادل -100 تعیین کرده ایم، هر عنصر دیگری که در سایت قرار بدهید، روی این ویدیو قرار خواهد گرفت. بنابراین مشکلی در اجرای هیچ یک از عناصر دیگر سایت بوجود نخواهد آمد.
و در پایان اینکه در بارگذاری ویدیو همیشه به سرعت اینترنت کاربر و حجم ویدیو فکر کنید و از بارگذاری فایل های حجیم به عنوان پس زمینه خودداری کنید تا کاربرانتان تجربه ای مناسب از به کار گیری سایت شما داشته باشند.

- - , .

کد ساز اینترنتی...

ما را در سایت کد ساز اینترنتی دنبال می کنید

برچسب : نویسنده : استخدام کار coder بازدید : 321 تاريخ : يکشنبه 25 بهمن 1394 ساعت: 5:50

کد ساز اینترنتی

آخرین مطالب

امکانات وب

مخفی کردن نوشته های رمزدار در وردپرس

چگونه REST API را در وردپرس غیر فعال کنیم؟

آموزش قرار دادن ویدیو در پس زمینه سایت

آرشیو مطالب

پيوندهای روزانه

لینک دوستان

خبرنامه